
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/supersized.shutter.css" type="text/css" media="all">
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="all">
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.js"></script>
<script type="text/javascript" src="js/jquery.transform.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script type="text/javascript" src="js/forms.js" ></script>
<script type="text/javascript" src="js/supersized.3.2.7.min.js"></script>
<script type="text/javascript" src="js/supersized.shutter.js"></script>
<script type="text/javascript" src="js/googleMap.js"></script>
<script type="text/javascript" src="js/switcher.js"></script>
<script type="text/javascript" src="js/jquery.bxslider.min.js" ></script>
<script type="text/javascript" src="js/scripts.js" ></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js" ></script>
<script type="text/javascript" src="js/jquery.quicksand.js" ></script>
<!--[if lt IE 9]>
  	<script type="text/javascript" src="js/html5.js"></script>
<![endif]-->
<!--[if lt IE 8]>
		<div style=' clear: both; text-align:center; position: relative;'>
			<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /></a>
		</div>
	<![endif]-->
</head>
<body>
	<div class="page_spinner"></div>
	<div class="line_top"></div>
<div id="wrapper">
<div class="line_top"></div>
<div class="extra">
	<div class="main"> 
		<!--header -->
		<header>
			<h1>
				<a href="#!/home" id="logo">
				<!-- "Black White<br><span>photostudio portfolio</span>" Use for text Logo-->
				</a>
				<a href="#" class="trigger"></a>
			</h1>
			<div class="menu_top"></div>
			<nav class="menu">
				<ul id="menu">
					<li>
						<a href="#!/home"><b>gallery</b></a>
					</li>
					<li class="with_ul">
						<a href="#!/about"><b>about me</b></a>
					</li>
					<li class="with_ul">
						<a href="#!/portfolio2Col"><b>Portfolio</b></a>
						<ul class="submenu">
							<li><a href="#!/portfolio2Col"><b>2 Columns</b></a></li>
							<li><a href="#!/portfolio3Col"><b>3 Columns</b></a></li>
						</ul>
					</li>
					<li>
						<a href="#!/contacts"><b>Contact Me</b></a>
					</li>
				</ul>
			</nav>
			<div class="separator"></div>
			<div class="navig">
                <a href="http://facebook.com/rkurew" class="icon-1"></a>
                <a href="http://twitter.com/ricodesrianto" class="icon-2"></a>
                <a href="#" class="icon-3"></a>
                <a href="#" class="icon-4"></a>
			</div>
			<div class="menu_bottom"></div>
		</header>
		<!--header end--> 
	</div>
</div>
<!--content -->
<article id="content"  class="container">
	<ul>
		<li id="home">
		</li>
		<li id="about">
				<div class="two_fifth">
					<h2 class="pad1">WHO I AM</h2>
					<img src="images/page1_img_01.jpg" alt="" class="pad2">
					<p class="marg_1 pad3">Hey there! I am Rico Desrianto and you can call me Rico. I was born in Makassar, December 28th1992. It means that I'm 20 years old right now. I am from the great city, Makassar. Here, I live at Jl. Kedamaian Selatan 7 Blok F No 162, BTP. </p>
					<div class="clear"></div>
					<h2 class="pad1">TESTIMONIALS</h2>
					<ul class="testi">
					<li class="one_half"><p>Esse ponderum prote. Sit ut inermis interpretaris.</p><cite><a href="#">NN</a></cite></li>
					<li class="one_half"><p>At omnium esse doctus signiferum quesea prout.</p><cite><a href="#">NN</a></cite></li>
					</ul>
					
					<div class=""><a href="#!/page_more" class="button-1">more</a></div>
				</div> 
					
				<div class="three_fifth">
					<h2 class="pad4">EDUCATION</h2>
					<h3><a href="#" class="whitetext">Primary School</a></h3>
					<p class="pad5">SD Frater Bakti Luhur Makassar. 1998 - 2004</p>
					<h3><a href="#" class="whitetext">Junior High School</a></h3>
					<p class="pad5">SMP Frater Thamrin Makassar. 2004 - 2007</p>
					<h3><a href="#" class="whitetext">Senior High School</a></h3>
					<p class="pad5">SMA Katolik Cenderawasih Makassar 2007 - 2010.</p>
					<h3><a href="#" class="whitetext">University</a></h3>
					<p class="pad5">Civil Engineering, Hassanuddin University. 2010 - Now</p>
					<div class=""><a href="#!/page_more" class="button-1">more</a></div>
				</div>
				
			<span></span>
		</li>
		<li id="photographers">
				<h2 class="fullwidth">MY PHOTOGRAPHERS TEAM</h2>
				<ul class="alignCenter">
					<li class="one_fifth">
						<a href="./images/image-blank.png" class="zoomImg" rel="nofollow"><span class="zoomSp"></span><img src="images/page2_img_01.png" alt="" class="img-indent"></a>
						<div class="extra-wrap">
							<div class="title"><a href="#">Ignasius Loyola</a></div>
							<a href="#" class="subtitle"><i>wedding photo</i></a>
							<hr />
							<p class="marg_1 pad3">Gharetgue c aug elit magdrerit sitdunt ac sit viverra selorta diam eu massa esse quisque.</p>
						</div>
						<div class=""><a href="http://twitter.com/Ign_Somalinggi" class="button-1">contact</a></div>
					</li>
					<li class="one_fifth">
						<a href="./images/image-blank.png" class="zoomImg" rel="nofollow"><span class="zoomSp"></span><img src="images/page2_img_02.png" alt="" class="img-indent"></a>
						<div class="extra-wrap">
							<div class="title"><a href="#">Maria Sri W</a></div>
							<a href="#" class="subtitle"><i>advertising photo</i></a>
							<hr />
							<p class="marg_1 pad3">In est facer instructior. Vis aeque errem eu. Case tibique incorrupte pri no, per meliore.</p>
						</div>
						<div class=""><a href="http://twitter.com/mariasriw" class="button-1">contact</a></div>
					</li>
					<li class="one_fifth">
						<a href="./images/image-blank.png" class="zoomImg" rel="nofollow"><span class="zoomSp"></span><img src="images/page2_img_03.png" alt="" class="img-indent"></a>
						<div class="extra-wrap">
							<div class="title"><a href="#">Helsa Novianty</a></div>
							<a href="#" class="subtitle"><i>art photo</i></a>
							<hr />
							<p class="marg_1 pad3">Meis tation mel ex. Cu eam veniam ceteros sit scriptorem, mutat corpora his ut.</p>
						</div>
						<div class=""><a href="http://twitter.com/Helsanoviyanti" class="button-1">contact</a></div>
					</li>
					<li class="one_fifth">
						<a href="./images/image-blank.png" class="zoomImg" rel="nofollow"><span class="zoomSp"></span><img src="images/page2_img_04.png" alt="" class="img-indent"></a>
						<div class="extra-wrap">
							<div class="title"><a href="#">Widianty Patasik</a></div>
							<a href="#" class="subtitle"><i>advertising photo</i></a>
							<hr />
							<p class="marg_1 pad3">In est facer instructior. Vis aeque errem eu. Case tibique incorrupte pri no, per meliore.</p>
						</div>
						<div class=""><a href="http://twitter.com/widywidoyy" class="button-1">contact</a></div>
					</li>
					<li class="one_fifth">
						<a href="./images/image-blank.png" class="zoomImg" rel="nofollow"><span class="zoomSp"></span><img src="images/page2_img_05.png" alt="" class="img-indent"></a>
						<div class="extra-wrap">
							<div class="title"><a href="#">Sadesto P</a></div>
							<a href="#" class="subtitle"><i>art photo</i></a>
							<hr />
							<p class="marg_1 pad3">Meis tation mel ex. Cu eam veniam ceteros sit scriptorem, mutat corpora his ut.</p>
						</div>
						<div class=""><a href="http://twitter.com/Padatindo" class="button-1">contact</a></div>
					</li>
				</ul>
			<span></span>
		</li>
		<li id="portfolio2Col">
			<h2 class="fullwidth">Portfolio 2 Columns</h2>
			<div class=" fullwidth">
			<p class="show_items">SHOW:</p>
				<ul class="filter clearfix">
					<li class="active"><a href="javascript:void(0)" class="all">All</a></li>
					<li><a href="javascript:void(0)" class="models">Models</a></li>
					<li><a href="javascript:void(0)" class="portrait">Portrait</a></li>
					<li><a href="javascript:void(0)" class="portfolio">Portfolio</a></li>
					<li><a href="javascript:void(0)" class="landscape">Landscape</a></li>
				</ul>
			</div>
			<ul class="filterable-grid clearfix">
				<li class="one_half" data-id="id-1" data-type="models portrait portfolio">
					<a href="./images/image-blank.png" class="zoomImg" rel="nofollow"><span class="zoomSp"></span><img src="images/portfolio_2col_1.jpg" alt="" class="img-indent"></a>	
					<a href="#" class="color1">Dolor sit amet</a><p>Meis tation mel ex. Cu eam veniam ceteros sit scriptorem, mutat corpora his ut. Pellentesque suscipit sodales nunc eget.</p>
				</li>
				<li class="one_half" data-id="id-2" data-type="landscape portrait">
					<a href="./images/image-blank.png" class="zoomImg" rel="nofollow"><span class="zoomSp"></span><img src="images/portfolio_2col_2.jpg" alt="" class="img-indent"></a>		
					<a href="#" class="color1">Lorem ipsum dolor</a><p>Integer iaculis tincidunt augue, nec egestas tellus dignissim ut. Meis tation mel ex. Cu eam veniam ceteros sit scriptorem.</p>
				</li>
				<li class="one_half" data-id="id-3" data-type=" portrait portfolio">	
					<a href="./images/image-blank.png" class="zoomImg" rel="nofollow"><span class="zoomSp"></span><img src="images/portfolio_2col_3.jpg" alt="" class="img-indent"></a>		
					<a href="#" class="color1">Vivamus fermentum</a><p>Pellentesque suscipit sodales nunc eget commodo. Nullam sodales dolor sed ipsum congue faucibus at eget urna.</p>
				</li>
				<li class="one_half" data-id="id-4" data-type="models landscape">	
					<a href="./images/image-blank.png" class="zoomImg" rel="nofollow"><span class="zoomSp"></span><img src="images/portfolio_2col_4.jpg" alt="" class="img-indent"></a>		
					<a href="#" class="color1">Phasellus mattis</a><p>Vivamus sit amet justo a ipsum congue faucibus at eget urna. Integer iaculis tincidunt augue, nec egestas tellus dignissim ut.</p>
				</li>
			</ul>
			<span></span>
		</li>
		<li id="portfolio3Col">
			<h2 class="fullwidth">Portfolio 3 Columns</h2>
				<div class=" fullwidth">
				<p class="show_items">SHOW:</p>
				<ul class="filter clearfix">
					<li class="active"><a href="javascript:void(0)" class="all">All</a></li>
					<li><a href="javascript:void(0)" class="models">Models</a></li>
					<li><a href="javascript:void(0)" class="portrait">Portrait</a></li>
					<li><a href="javascript:void(0)" class="portfolio">Portfolio</a></li>
					<li><a href="javascript:void(0)" class="landscape">Landscape</a></li>
				</ul>
				</div>
			<ul class="filterable-grid clearfix">
				<li class="one_third" data-id="id-1" data-type="models portrait">
					<a href="./images/image-blank.png" class="zoomImg" rel="nofollow"><span class="zoomSp"></span><img src="images/bg_pic_thumb_1.jpg" alt="" class="img-indent"></a>	
					<a href="#" class="color1">Dolor sit amet</a><p>Meis tation mel ex. Cu eam veniam ceteros sit scriptorem, mutat corpora.</p>
				</li>
				<li class="one_third" data-id="id-2" data-type="models portrait">
					<a href="./images/image-blank.png" class="zoomImg" rel="nofollow"><span class="zoomSp"></span><img src="images/bg_pic_thumb_2.jpg" alt="" class="img-indent"></a>		
					<a href="#" class="color1">Lorem ipsum dolor</a><p>Integer iaculis tincidunt augue, nec egestas tellus dignissim ut.</p>
				</li>
				<li class="one_third" data-id="id-3" data-type="models portrait portfolio">	
					<a href="./images/image-blank.png" class="zoomImg" rel="nofollow"><span class="zoomSp"></span><img src="images/bg_pic_thumb_3.jpg" alt="" class="img-indent"></a>		
					<a href="#" class="color1">Vivamus fermentum</a><p>Pellentesque suscipit sodales nunc eget commodo. Nullam sodales dolor sed.</p>
				</li>
				<li class="one_third" data-id="id-4" data-type="models landscape">	
					<a href="./images/image-blank.png" class="zoomImg" rel="nofollow"><span class="zoomSp"></span><img src="images/bg_pic_thumb_4.jpg" alt="" class="img-indent"></a>		
					<a href="#" class="color1">Phasellus mattis</a><p>Vivamus sit amet justo a ipsum congue faucibus at eget urna.</p>
				</li>
				<li class="one_third" data-id="id-5" data-type="portfolio portrait">	
					<a href="./images/image-blank.png" class="zoomImg" rel="nofollow"><span class="zoomSp"></span><img src="images/bg_pic_thumb_5.jpg" alt="" class="img-indent"></a>		
					<a href="#" class="color1">Aliquam eleifend</a><p>Phasellus urna elit suscipit augue ac risus elementum vulputate tincidunt.</p>
				</li>
				<li class="one_third" data-id="id-6" data-type="landscape portfolio">	
					<a href="./images/image-blank.png" class="zoomImg" rel="nofollow"><span class="zoomSp"></span><img src="images/bg_pic_thumb_6.jpg" alt="" class="img-indent"></a>		
					<a href="#" class="color1">Nam porta</a><p>Nunc commodo libero leo, eu ullamcorper lectus posuere laoreet.</p>
				</li>
			</ul>
			<span></span>
		</li>
		<li id="clients">
					<div class="fullwidth">
						<h2>Our Clients</h2>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam id fermentum libero. Pellentesque pretium adipiscing mi quis mentum. Duis mauris arcu, mollis volutpat turpis id, laoreet placerat massa. Aenean volutpat, purus in tempus ullamcorper, orci velit volutpat felis, eu rutrum risus quam eget erat. Phasellus nec purus id nunc lobortis vestibulum. Vestibulum eleifend tincidunt odio, eu consequat arcu tincidunt ut.  Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. </p>
						<br>
						<div class="slider">
						<ul class="bxslider">
							<li>
								<span></span>
								<img src="images/page3_img_01.png" alt="" class="img-indent">
								<div class="slBtn"><a href="#!/page_more" class="button-1">Visit Site</a></div>
							</li>
							<li>
								<span></span>
								<img src="images/page3_img_02.png" alt="" class="img-indent">
								<div class="slBtn"><a href="#!/page_more" class="button-1">Visit Site</a></div>
							</li>
							<li>
								<span></span>
								<img src="images/page3_img_03.png" alt="" class="img-indent">
								<div class="slBtn"><a href="#!/page_more" class="button-1">Visit Site</a></div>
							</li>
							<li>
								<span></span>
								<img src="images/page3_img_04.png" alt="" class="img-indent">
								<div class="slBtn"><a href="#!/page_more" class="button-1">Visit Site</a></div>
							</li>
						</ul>
						</div>
					</div>

			<span></span>
		</li>
		<li id="contacts">
				<div class="one_half">
						<h2>How To Find Me</h2>
						<figure class="google_map"></figure>
						<div class="address">
							<p class="color1">
								BTP Blok F no 164,<br>
								Makassar, Indonesia.</p>
							<p class="color2"> Phone: +6285299 586 859<br>
								E-mail: <a href="mailto:" class="mailto">rkurew@gmail.com</a> </p>
						</div>
				</div>
				<div class="one_half">
					<h2>Feedback</h2>
						<form action="#" id="ContactForm">
							<div class="success"> Contact form submitted!<br>
							<strong>We will be in touch soon.</strong> </div>
							<fieldset>
								<div class="wrapper">
									<label class="name">
										<span class="bg"><input type="text" value="Your Name" class="input"></span>
										<span class="error">*This is not a valid name.</span> <span class="empty">*This field is required.</span>												</label>
								</div>
								<div class="wrapper">
									<label class="email">
										<span class="bg"><input type="text" value="Your E-mail" class="input"></span>
										<span class="error">*This is not a valid email address.</span> <span class="empty">*This field is required.</span>												</label>
								</div>
								<div class="wrapper">
									<label class="phone">
										<span class="bg"><input type="text" value="Your Phone" class="input"></span>
										<span class="error">*This is not a valid pnone number.</span> <span class="empty">*This field is required.</span>												</label>
								</div>
								<div class="wrapper">
									<label class="message">
										<span class="bg"><textarea rows="1" cols="1">Your Message</textarea></span>
										<span class="error">*The message is too short.</span> <span class="empty">*This field is required.</span>												</label>
								</div>
								<div class="btns"><a href="#" class="button-1" data-type="submit"><strong></strong><span>send</span></a><a href="#" class="button-1" data-type="reset"><strong></strong><span>clear</span></a></div>
							</fieldset>
						</form>
				</div>
			<span></span>
		</li>
		<li id="page_privacy">
			<div class="fullwidth">
				<h2>privacy policy</h2>
				<div class="colMore">
					<p> <span class="color1">Sere um dolor sit amet, consectetuercing elit. Praesent vestibulum molestie lacusanmy hendrer.</span><br>
						Nauris. Phasellus porta. Fusce scipit varius mi. Cum sociis natoque  penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odioorbi nun. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed consequat euismod leo non congue. Morbi eget egestas nisl, at gravida tortor. Sed id sagittis est. Aliquam sed dolor nec orci pellentesque ullamcorper ut eu lorem. In tempus tempus lacinia. Donec ut sollicitudin odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
					<p> <span class="color1">Dolor sit amet, consectetuercing elit. Praesent vestibulum molestie lacusanmy hendrer.</span><br>
						Sere um dolor sit amet, consectetuercing elit. Praesent vestibulum molestie lacusanmy hendrer. Nauris. Phasellus porta. Fusce scipit varius mi. Cum sociis natoque  penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio. Sed nec odio in dui dapibus eleifend luctus eget lectus. Curabitur commodo arcu ut leo adipiscing tempus. Vivamus quis dignissim nisi. Nunc congue est justo, at aliquet mauris scelerisque facilisis. Aliquam in nulla dolor. Praesent consequat mollis bibendum. In venenatis nisi tristique, vehicula est eu, elementum dolor.</p>
					<a class="mailto" href="mailto:">contact@fxoffice.net</a> </div>
			</div>
			<span></span>
		</li>
		<li id="page_more">
			<div class="fullwidth">
				<h2>Lorem ipsum dolor</h2>
				<div class="colMore">
									<p> <span class="color1">Sere um dolor sit amet, consectetuercing elit. Praesent vestibulum molestie lacusanmy hendrer.</span><br>
						Nauris. Phasellus porta. Fusce scipit varius mi. Cum sociis natoque  penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odioorbi nun. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed consequat euismod leo non congue. Morbi eget egestas nisl, at gravida tortor. Sed id sagittis est. Aliquam sed dolor nec orci pellentesque ullamcorper ut eu lorem. In tempus tempus lacinia. Donec ut sollicitudin odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
					<p> <span class="color1">Dolor sit amet, consectetuercing elit. Praesent vestibulum molestie lacusanmy hendrer.</span><br>
						Sere um dolor sit amet, consectetuercing elit. Praesent vestibulum molestie lacusanmy hendrer. Nauris. Phasellus porta. Fusce scipit varius mi. Cum sociis natoque  penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio. Sed nec odio in dui dapibus eleifend luctus eget lectus. Curabitur commodo arcu ut leo adipiscing tempus. Vivamus quis dignissim nisi. Nunc congue est justo, at aliquet mauris scelerisque facilisis. Aliquam in nulla dolor. Praesent consequat mollis bibendum. In venenatis nisi tristique, vehicula est eu, elementum dolor.</p></div>
			</div>
			<span></span>
		</li>
	</ul>
</article>
<!--content end--> 
<!--Slider description-->
			<div class="description">
				<ul>
					<li class="active">
						<div class="capTitle"><h3>Date: 10.07.2013</h3></div>
						<h3>Photografer : Rico Desrianto</h3>
						<h3>Model : Yamaha FG700S Folk Acoustic Guitar </h3>
						<br>
						<p>Lorem ipsum dolor sit amet, consectetuercing elit. Praesent vestibulum molestie lacusanm y hendrerit mauris.</p>
					</li>
					<li>
						<div class="capTitle"><h3>Date: 11.07.2013</h3></div>
						<h3>Photografer : Rico Desrianto</h3>
						<h3>Model : Yamaha NCX1200R Acoustic-Electric Classical Guitar </h3>
						<br>
						<p>Aenean id ante et nulla congue lobortis. Sed in feugiat odio. Mauris vel lorem ut ante facilisis vestibulum vitae ac mi.</p>
					</li>
					<li>
						<div class="capTitle"><h3>Date: 12.07.2013</h3></div>
						<h3>Photografer : Rico Desrianto</h3>
						<h3>Model : Yamaha C40 Gigmaker Classical Acoustic Guitar Pack (Natural)</h3>
						<br>
						<p>Morbi aliquam gravida leo quis fringilla. Ut eget lectus tortor. Curabitur et lacus egestas, vulputate quam sit amet.</p>
					</li>
					<li>
						<div class="capTitle"><h3>Date: 13.07.2013</h3></div>
						<h3>Photografer : Rico Desrianto</h3>
						<h3>Model : Yamaha NTX700 Acoustic-Electric Classical Guitar</h3>
						<br>
						<p>Phasellus volutpat, nisi sed vestibulum tempor, nisl nunc adipiscing lorem, non hendrerit risus est id odio.</p>
					</li>
					<li>
						<div class="capTitle"><h3>Date: 14.07.2013</h3></div>
						<h3>Photografer : Rico Desrianto</h3>
						<h3>Model : Yamaha A-Series All Solid Wood Concert Acoustic-Electric Guitar with SRT </h3>
						<br>
						<p>Donec non ullamcorper elit, eu ullamcorper lectus. Vivamus scelerisque mi eget libero vestibulum gravida id quis erat.</p>
					</li>
					<li>
						<div class="capTitle"><h3>Date: 15.07.2013</h3></div>
						<h3>Photografer : Rico Desrianto</h3>
						<h3>Model : Yamaha CG192S Spruce Top Classical Guitar</h3>
						<br>
						<p>Morbi in ornare velit. Morbi sollicitudin at nisi sit amet rutrum. Praesent venenatis ipsum enim, vel porttitor lorem molestie et.</p>
					</li>
					<li>
						<div class="capTitle"><h3>Date: 16.07.2013</h3></div>
						<h3>Photografer : Rico Desrianto</h3>
						<h3>Model : Yamaha FG700S Folk Acoustic Guitar </h3>
						<br>
						<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus imperdiet lorem ac magna tincidunt, eget volutpat justo lacinia. </p>
					</li>
					<li>
						<div class="capTitle"><h3>Date: 17.07.2013</h3></div>
						<h3>Photografer : Rico Desrianto</h3>
						<h3>Model : Yamaha NCX1200R Acoustic-Electric Classical Guitar </h3>
						<br>
						<p>Curabitur eget imperdiet lacus. Proin dictum fermentum tortor id lacinia. Mauris convallis auctor dui et malesuada. Curabitur sodales consequat at.</p>
					</li>
					<li>
						<div class="capTitle"><h3>DDate: 18.07.2013</h3></div>
						<h3>Photografer : Rico Desrianto</h3>
						<h3>Model : Yamaha C40 Gigmaker Classical Acoustic Guitar Pack (Natural)</h3>
						<br>
						<p>Curabitur dignissim tellus nibh, quis blandit turpis dignissim ut. Donec vulputate non elit sed convallis. Ut massa odio, lobortis eget accumsan eu, hendrerit sed mi.</p>
					</li>
					<li>
						<div class="capTitle"><h3>Date: 19.07.2013</h3></div>
						<h3>Photografer : Rico Desrianto</h3>
						<h3>Model : Yamaha NTX700 Acoustic-Electric Classical Guitar</h3>
						<br>
						<p>Donec vulputate non elit sed convallis. Ut massa odio, lobortis eget accumsan eu, hendrerit sed mi. Vivamus hendrerit nec mi sed congue. Suspendisse potenti. Integer sodales sem quis fringilla ultrices.</p>
					</li>
					<li>
						<div class="capTitle"><h3>Date: 20.07.2013</h3></div>
						<h3>Photografer : Rico Desrianto</h3>
						<h3>Model : Yamaha A-Series All Solid Wood Concert Acoustic-Electric Guitar with SRT </h3>
						<br>
						<p>Proin libero orci, mattis nec venenatis sit amet, dictum in justo. Nulla dignissim egestas odio quis luctus. Nulla vel turpis vitae tortor porta mattis.</p>
					</li>
					<li>
						<div class="capTitle"><h3>Date: 21.07.2013</h3></div>
						<h3>Photografer : Rico Desrianto</h3>
						<h3>Model : Yamaha CG192S Spruce Top Classical Guitar</h3>
						<br>
						<p>Nunc vitae risus fermentum, porta eros a, vulputate sem. In ut adipiscing leo. </p>
					</li>
				</ul>
			</div><!--end Slider description-->
</div><!--wrapper end--> 
<!--footer -->
<footer>
	
	<div id="bgSelector">

				<!--Thumbnail Navigation-->


	<div id="thumb-tray" class="load-item">
		<div id="thumb-back"><div></div></div>
		<div id="thumb-forward"><div></div></div>
	</div>
	
	<div class="thumb_desc">
		<ul>
			<li><div class="thumb_desc_title">Date: 10.04.2013</div><div class="thumb_desc_exc">Yamaha FG700S Folk Acoustic Guitar</div></li>
			<li><div class="thumb_desc_title">Date: 11.04.2013</div><div class="thumb_desc_exc">Yamaha NCX1200R Acoustic-Electric Classical Guitar</div></li>
			<li><div class="thumb_desc_title">Date: 12.04.2013</div><div class="thumb_desc_exc">Yamaha C40 Gigmaker Classical Acoustic Guitar Pack (Natural)</div></li>
			<li><div class="thumb_desc_title">Date: 13.04.2013</div><div class="thumb_desc_exc">Yamaha NTX700 Acoustic-Electric Classical Guitar</div></li>
			<li><div class="thumb_desc_title">Date: 14.04.2013</div><div class="thumb_desc_exc">Yamaha A-Series All Solid Wood Concert Acoustic-Electric Guitar with SRT</div></li>
			<li><div class="thumb_desc_title">Date: 15.04.2013</div><div class="thumb_desc_exc">Yamaha CG192S Spruce Top Classical Guitar</div></li>
			<li><div class="thumb_desc_title">Date: 16.04.2013</div><div class="thumb_desc_exc">Yamaha FG700S Folk Acoustic Guitar</div></li>
			<li><div class="thumb_desc_title">Date: 17.04.2013</div><div class="thumb_desc_exc">Yamaha NCX1200R Acoustic-Electric Classical Guitar</div></li>
			<li><div class="thumb_desc_title">Date: 18.04.2013</div><div class="thumb_desc_exc">Yamaha C40 Gigmaker Classical Acoustic Guitar Pack (Natural)</div></li>
			<li><div class="thumb_desc_title">Date: 19.04.2013</div><div class="thumb_desc_exc">Yamaha NTX700 Acoustic-Electric Classical Guitar</div></li>
			<li><div class="thumb_desc_title">Date: 20.05.2013</div><div class="thumb_desc_exc">Yamaha A-Series All Solid Wood Concert Acoustic-Electric Guitar with SRT</div></li>
			<li><div class="thumb_desc_title">Date: 2`.05.2013</div><div class="thumb_desc_exc">Yamaha CG192S Spruce Top Classical Guitar</div></li>
		</ul>
	</div>
		
	</div>
	<div id="privacy"> &copy; 2013 <a href="#!/page_privacy">Design By Rico Desrianto</a> </div>
	<!-- {%FOOTER_LINK} --> 
</footer>
<!--footer end--> 

<script type="text/javascript">			
			jQuery(function($){				
				$.supersized({				
					// Functionality
					autoplay                :   1,
					slide_interval			:   4000,
					thumb_links             :   1,
					thumbnail_navigation    :   1,
					mouse_scrub				:	0,
					transition              :   1, 			// 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
					transition_speed		:	2000,		// Speed of transition													   
					// Components							
					slide_links				:	'blank',	
					slides 					:  	[	
					
						{image :'images/bg_pic_1.jpg', thumb : 'images/bg_pic_thumb_1.jpg'},
						{image :'images/bg_pic_2.jpg', thumb : 'images/bg_pic_thumb_2.jpg'},
						{image :'images/bg_pic_3.jpg', thumb : 'images/bg_pic_thumb_3.jpg'},
						{image :'images/bg_pic_4.jpg', thumb : 'images/bg_pic_thumb_4.jpg'},
						{image :'images/bg_pic_5.jpg', thumb : 'images/bg_pic_thumb_5.jpg'},
						{image :'images/bg_pic_6.jpg', thumb : 'images/bg_pic_thumb_6.jpg'},
						{image :'images/bg_pic_1.jpg', thumb : 'images/bg_pic_thumb_1.jpg'},
						{image :'images/bg_pic_2.jpg', thumb : 'images/bg_pic_thumb_2.jpg'},
						{image :'images/bg_pic_3.jpg', thumb : 'images/bg_pic_thumb_3.jpg'},
						{image :'images/bg_pic_4.jpg', thumb : 'images/bg_pic_thumb_4.jpg'},
						{image :'images/bg_pic_5.jpg', thumb : 'images/bg_pic_thumb_5.jpg'},
						{image :'images/bg_pic_6.jpg', thumb : 'images/bg_pic_thumb_6.jpg'}
					
												]				
				});
		    });
</script>
<script  type="text/javascript">
$(window).load(function() {	
	$('.page_spinner').fadeOut(800);
	$('body').css({overflow:'visible'})
})
</script>

</body>
</html>